آموزش scale - بزرگنمایی در css
نویسنده : مریم شیردل
برای اینکه عنصری را ظاهرا بزرگتر و زومم کنیم از این تابع استفاده میکنیم کد زیر عنصر را در جهت افقی (محور x) بزرگتر میکند . 2 برابر میتوانیم از عدد اعشاری مثل 1.2 هم استفاده کنیم transform: scaleX(2);
تابع sclale برای ویژگی transform
برای اینکه عنصری را ظاهرا بزرگتر و زومم کنیم از این تابع استفاده میکنیم
کد زیر عنصر را در جهت افقی (محور x) بزرگتر میکند . 2 برابر میتوانیم از عدد اعشاری مثل 1.2 هم استفاده کنیم
transform: scaleX(2);
کد زیر عنصر را در جهت عمودی ( محور Y) بزرگتر میکند.
transform: scaleY(1.2);
کد زیر عنصر را در فضای سه بعدی بزرگ تر میکند
transform: scaleZ(2);
و برای اینکه از هر سه مقدار استفاده کنیم بصورت خلاصه از کد زیر استفاده میکنیم .عدد اول مقدار بزرگنمایی در جهت افقی ، عدد دوم مقداربزرگ نمایی در جهت عمودی و عدد سوم در فضای سه بعدی تصویر را بزرگتر میکند
transform: scale3d(2, 1, 3);
کد زیر را اجرا کنید
عامر تجارت خلیج فارس
1
پیشنهاد میکنیم مطالب زیر را مطالعه کنید
اموزش تابع rotate
آموزش تابع translate
استاد : مریم شیردل